<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>web字体和字体图标</title>
    <style>
        /*
            字体格式：不同浏览器支持的字体格式是不一样的
            1 TureTpe(.ttf) 格式
                .ttf 字体是Windows和Mac系统常见的字体，是一种RAW格式，支持这种字体的浏览器有IE9+, 
                    Firefox3.5+, Chrome4+, Safari3.1+, Opera10+, IOSMobile Safari4.2+
            
            2 OpenType(.otf) 格式
                .otf 字体被认为是一种原始的字体格式，其内置在 TureTpe 的基础上，支持这种字体的浏览器有
                    Firefox3.5+, Chrome4+, Safari3.1+, Opera10+, IOSMobile Safari4.2+
            
            3 Web Open Font Format(.woff) 格式
                woff 字体是 web 字体中的最佳格式，它是一个开放的 TureTpe/OpenType 的压缩版本，同时也支持元数据
                    包的分离，支持这种字体的浏览器有 IE9+，Firefox3.5+，Chrome6+，Safari3.6+，Opera11.1+

            4 Embedded Open Type(.eot) 格式
                .eot 格式是IE专用字体，也可以从 TureTpe 创建此格式字体，支持这种字体的浏览器有 IE4+

            5 SVG(.svg) 格式
                .svg 字体是基于 SVG 字体渲染的一种格式，支持这种字体的浏览器有 Chrome4+，Safari3.1+，Opera10.0+，
                    IOSMobile Safari3.2+
            
            字体图标
                使用 iconfont.cn 阿里巴巴开源的字体图标库
        */
    </style>
</head>
<body>
    
</body>
</html>